<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>类人中心</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	
	<link rel="icon" href="../images/basketball.png" type="image/x-icon">
	<!-- pstyle -->
	<link href="../static/css/pstyle.css" rel="stylesheet" type="text/css" />
	<!-- Calendar -->
	<script src="../static/css/Calendar.js"></script>
</head>
<body>
	<section class="jui-flexView">
		<header class="jui-navBar jui-navBar-fixed">
			<a href="javascript:;" class="jui-navBar-item">
				<i class="icon icon-return"></i>
			</a>
			<div class="jui-center">
				<span class="jui-center-title"></span>
			</div>
			<a href="javascript:;" class="jui-navBar-item" data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}">
				<i class="icon icon-share"></i>
			</a>
		</header>
		<section class="jui-scrollView">
			<div class="jui-flex">
				<div class="jui-pus-user">
					<img src="../images/personal/收藏.png" alt="">
				</div>
				<div class="jui-flex-box">
					<h2>用户名</h2>
					<p>您的介绍信息</p>
				</div>
				<div class="jui-arrow">
					<button> <i class="icon icon-pic"></i> 签到</button>
				</div>
			</div>
			<div class="jui-palace jui-palace-one b-line">
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-text">
						<h2><em style="color: aquamarine;">8685</em>预览</h2>
					</div>
				</a>
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-text">
						<h2><em style="color: aquamarine;">322</em>关注</h2>
					</div>
				</a>
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-text">
						<h2><em style="color: aquamarine;">855</em>粉丝</h2>
					</div>
				</a>
			</div>

			<div class="jui-palace">
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-icon">
						<img src="../images/personal/朋友圈文章.png" alt="">
					</div>
					<div class="jui-palace-grid-text">
						<h2>文章</h2>
					</div>
				</a>
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-icon">
						<img src="../images/personal/收藏.png" alt="">
					</div>
					<div class="jui-palace-grid-text">
						<h2>收藏</h2>
					</div>
				</a>
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-icon">
						<img src="../images/personal/钱包.png" alt="">
					</div>
					<div class="jui-palace-grid-text">
						<h2>钱包</h2>
					</div>
				</a>
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-icon">
						<img src="../images/personal/照片-3.png" alt="">
					</div>
					<div class="jui-palace-grid-text">
						<h2>照片</h2>
					</div>
				</a>
				<a href="javascript:;" class="jui-palace-grid">
					<div class="jui-palace-grid-icon">
						<img src="../images/personal/日历.png" alt="">
					</div>
					<div class="jui-palace-grid-text">
						<h2>
							<input name="control_date" type="text" 
							id="control_date" size="10" maxlength="10" 
							onClick="new Calendar().show(this);" style="border: none;text-align: center; background:rgba(252, 250, 244, 0.001)"
							placeholder="日历"
							readonly="readonly"/>
						</h2>
					</div>
				</a>
			</div>
			<div class="divHeight"></div>
			<div class="jui-flex b-line" style="padding:10px 15px;">
				<div class="jui-flex-box">
					<h3>全部文章</h3>
				</div>
			</div>
			<div class="jui-prblish">
				<a href="javascript:;" class="jui-flex">
					<div class="jui-flex-box">
						<h4>文章标题信息文字</h4>
						<img src="../images/personal/img_bg_2.jpg" alt="">
						<span>2019-07-21</span>
					</div>
				</a>
				<div class="divHeight"></div>
				<a href="javascript:;" class="jui-flex">
					<div class="jui-flex-box">
						<h4>文章标题信息文字</h4>
						<img src="../images/personal/img_bg_2.jpg" alt="">
						<span>2019-07-21</span>
					</div>
				</a>
				<div class="divHeight"></div>
				<a href="javascript:;" class="jui-flex">
					<div class="jui-flex-box">
						<h4>文章标题信息文字</h4>
						<img src="../images/personal/img_bg_2.jpg" alt="">
						<span>2019-07-21</span>
					</div>
				</a>
				<div class="divHeight"></div>
			</div>
			<div style="height:52px;"></div>

		</section>
		<footer class="jui-footer jui-footer-fixed">
			<a href="javascript:;" class="jui-tabBar-item ">
					<span class="jui-tabBar-item-icon">
						<i class="icon icon-loan"></i>
					</span>
				<span class="jui-tabBar-item-text">发现</span>
			</a>
			<a href="javascript:;" class="jui-tabBar-item ">
					<span class="jui-tabBar-item-icon">
						<i class="icon icon-ions "></i>
					</span>
				<span class="jui-tabBar-item-text">朋友</span>
			</a>
			<a href="javascript:;" class="jui-tabBar-item ">
					<span class="jui-tabBar-item-icon">
						<i class="icon icon-credit"></i>
					</span>
				<span class="jui-tabBar-item-text">发布</span>
			</a>
			<a href="javascript:;" class="jui-tabBar-item ">
					<span class="jui-tabBar-item-icon">
						<i class="icon icon-news"></i>
					</span>
				<span class="jui-tabBar-item-text">消息</span>
			</a>

			<a href="javascript:;" class="jui-tabBar-item jui-tabBar-item-active">
					<span class="jui-tabBar-item-icon">
						<i class="icon icon-mine"></i>
					</span>
				<span class="jui-tabBar-item-text">我的</span>
			</a>
		</footer>
	</section>
	    <!-- 背景特效 ribbon-->
		<script async type="text/javascript" size="90" alpha="0.2" zIndex="0" src="../../static/Sign_up/js/ribbon.js"></script>
</body>
</html>
